@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 * @appdef yaml
*/

@media all {
    /**
         * Fonts
         *
         * (en) global settings of font-families and font-sizes
         * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
         *
         * @section content-global-settings
    */

    /* (en) reset font size for all elements to standard (16 Pixel) */
    /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
    html * {
        font-size: 100.01%;
    }
    /**
         * (en) reset monospaced elements to font size 16px in all browsers
         * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
         *
         * @see: http://webkit.org/blog/67/strange-medium/
    */

    textarea, pre, code, kbd, samp, var, tt {
        font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
    }
    /* (en) base layout gets standard font size 12px */
    /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
    body {
        font-family:  Arial, Helvetica, sans-serif;
        font-size: 75.00%;
        color: #444;
    }
    /*--- Headings | Überschriften ------------------------------------------------------------------------*/

    h1, h2, h3, h4, h5, h6 {
        font-family: /*"Times New Roman", Times,*/ Verdana, sans-serif;
        font-weight:normal;
        color:#222;
        margin: 0 0 0.25em 0;
    }
    h1 {
        font-size: 250%;
    }                       /* 30px */
    h2 {
        font-size: 200%;
    }                       /* 24px */
    h3 {
        font-size: 150%;
    }                       /* 18px */
    h4 {
        font-size: 133.33%;
    }                    /* 16px */
    h5 {
        font-size: 116.67%;
    }                    /* 14px */
    h6 {
        font-size: 116.67%;
    }                    /* 14px */
    /* --- Lists | Listen  -------------------------------------------------------------------------------- */

    ul, ol, dl {
        line-height: 1.5em;
        margin: 0 0 1em 1em;
    }
    ul li {
        list-style-type: disc;
    }
    ul ul li {
        list-style-type: circle;
    }
    ol li {
        list-style-type: decimal;
    }
    ol ol li {
        list-style-type: lower-latin;
    }
    li {
        margin-left: 0.8em;
        line-height: 1.5em;
    }
    dt {
        font-weight: bold;
    }
    dd {
        margin: 0 0 1em 0.8em;
    }
    /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

    p {
        line-height: 1.5em;
        margin: 0 0 1em 0;
    }
    blockquote, cite, q {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-style:italic;
    }
    blockquote {
        margin: 0 0 1em 1.6em;
        color: #666;
    }
    strong, b {
        font-weight: bold;
    }
    em, i {
        font-style: italic;
    }
    pre, code, kbd, tt, samp, var {
        font-size: 100%;
    }
    pre, code {
        color: #800;
    }
    pre {
        line-height: 1.5em;
        margin: 0 0 1em 0;
    }
    kbd, samp, var {
        color: #666;
    }
    var {
        font-style: italic;
    }
    acronym, abbr {
        border-bottom: 1px #aaa dotted;
        font-variant: small-caps;
        letter-spacing: .07em;
        cursor: help;
    }
    sub, sup {
        font-size: 91.6667%;
    }
    hr {
        color: #fff;
        background:transparent;
        margin: 0 0 0.5em 0;
        padding: 0 0 0.5em 0;
        border:0;
        border-bottom: 1px #eee solid;
    }
    /*--- Links ----------------------------------------------------------------------------------------- */

    a {
        color: #4D87C7;
        background:transparent;
        text-decoration:none;
    }
    a:visited {
        color: #036;
    }
    a:focus, a:hover, a:active {
        color:#182E7A;
        text-decoration:underline;
    }
    /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

    p.icaption_left {
        float:left;
        display:inline;
        margin: 0 1em 0.15em 0;
    }
    p.icaption_right {
        float:right;
        display:inline;
        margin: 0 0 0.15em 1em;
    }
    p.icaption_left img, p.icaption_right img {
        padding:0;
        border: 1px #888 solid;
    }
    p.icaption_left strong, p.icaption_right strong {
        display:block;
        overflow:hidden;
        margin-top: 2px;
        padding: 0.3em 0.5em;
        background: #eee;
        font-weight: normal;
        font-size: 91.667%;
    }
    /**
         * ------------------------------------------------------------------------------------------------- #
         *
         * Generic Content Classes
         *
         * (en) standard classes for positioning and highlighting
         * (de) Standardklassen zur Positionierung und Hervorhebung
         *
         * @section content-generic-classes
    */

    .highlight {
        color: #f60;
    }
    .dimmed {
        color: #888;
    }
    .info {
        background: #f8f8f8;
        color: #666;
        padding: 10px;
        margin-bottom: 0.5em;
        font-size: 91.7%;
    }
    .note {
        background: #efe;
        color: #040;
        border: 2px #484 solid;
        padding: 10px;
        margin: 1em;
    }
    .important {
        background: #ffe;
        color: #440;
        border: 2px #884 solid;
        padding: 10px;
        margin: 1em;
    }
    .warning {
        background: #fee;
        color: #400;
        border: 2px #844 solid;
        padding: 10px;
        margin: 1em;
    }
    .float_left {
        float: left;
        display:inline;
        margin-right: 1em;
        margin-bottom: 0.15em;
    }
    .float_right {
        float: right;
        display:inline;
        margin-left: 1em;
        margin-bottom: 0.15em;
    }
    .center {
        display:block;
        text-align:center;
        margin: 0.5em auto;
    }
    .floatbox .titulo, #col2_content .titulo {
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        /*        background-color: #53c317;*/
        background-image:-webkit-gradient(  linear, left bottom, left top,  color-stop(0, rgb(100,210,0)),  color-stop(0.5, rgb(118,215,0)),  color-stop(0.51, rgb(131,219,0)),  color-stop(1, rgb(171,231,0)));
        background-image:-moz-linear-gradient(center bottom,  rgb(100,210,0) 0%,  rgb(118,215,0) 50%,  rgb(131,219,0) 51%,  rgb(171,231,0) 100%);
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        text-transform: capitalize;
        color:#FFF;
        padding:5px 10px;
        font-size: 200%;
    }
    /**
         * ------------------------------------------------------------------------------------------------- #
         *
         * Tables | Tabellen
         *
         * (en) Generic classes for table-width and design definition
         * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
         *
         * @section content-tables
    */

    table {
        width: auto;
        border-collapse:collapse;
        margin-bottom: 0.5em;
        border-top: 2px #888 solid;
        border-bottom: 2px #888 solid;
    }
    table caption {
        font-variant:small-caps;
    }
    table.full {
        width: 100%;
    }
    table.no_border{
        border:none;
    }
    table.fixed {
        table-layout:fixed;
    }
    th, td {
        padding: 0.5em;
    }
    thead th {
        color: #000;
        border-bottom: 2px #800 solid;
    }
    tbody th {
        background: #e0e0e0;
        color: #333;
    }
    tbody th[scope="row"], tbody th.sub {
        background: #f0f0f0;
    }
    tbody th {
        border-bottom: 1px solid #fff;
        text-align: left;
    }
    tbody td {
        border-bottom: 1px solid #eee;
    }
    tbody tr:hover th[scope="row"], tbody tr:hover tbody th.sub {
        background: #f0e8e8;
    }
    tbody tr:hover td {
        background: #fff8f8;
    }
    /**
         * ------------------------------------------------------------------------------------------------- #
         *
         * Miscellaneous | Sonstiges
         *
         * @section content-misc
    */

    /**
     * (en) Emphasizing external Hyperlinks via CSS
     * (de) Hervorhebung externer Hyperlinks mit CSS
     *
     * @section             content-external-links
     * @app-yaml-default    disabled
    */

    /*
    #main a[href^="http://www.my-domain.com"],
    #main a[href^="https://www.my-domain.com"]
    {
      padding-left: 12px;
      background-image: url('your_image.gif');
      background-repeat: no-repeat;
      background-position: 0 0.45em;
    }
    */
    .hlist{
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        margin: 5px 0;
        padding: 3px 0;
    }
    .hlist ul{
        border: none;
    }
    .hlist ul li:last-child{
        border-right: none;
    }
    .hlist ul li:first-child{
        border-left: none;
    }
    .hlist ul li{
        border-left: 1px solid #6B9608;
        border-right: 1px solid #63D327;
    }

    #col2.mainCol{
        width: 100%;
        padding: 0;
    }
    .clearBoth{
        clear: both;
    }
    .clearBoth img{
        max-width: 100%;
        max-height: 399px;
    }
    .Noticia {
        clear:both;
        margin: 1px 0;
        padding: 3px;
        min-height: 70px;
        border:1px solid #e4e4e4;
        background-color: #fff;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;

        -webkit-box-shadow: 0 0 2px 1px #e4e4e4;
        -moz-box-shadow: 0 0 2px 1px #e4e4e4;

        -webkit-transition:border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s, color linear 0.2s;
        -moz-transition:border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s, color linear 0.2s;
        -ms-transition:border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s, color linear 0.2s;
        -o-transition:border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s, color linear 0.2s;

        border-radius:5px;
        box-shadow: 0 0 2px 1px #e4e4e4;
        transition:border linear 0.2s, box-shadow linear 0.2s, background-color linear 0.2s, color linear 0.2s;
    }
    .Noticia:hover{
        color:#999;
        border-color:#64d200;
        background-color: #20211f;
        -webkit-box-shadow: 0 0 1px 1.5px #64d200;
        -moz-box-shadow: 0 0 1px 1.5px #64d200;
        box-shadow: 0 0 1px 1.5px #64d200;
    }
    .Noticia h4{
        color:black;
        -webkit-transition:color linear 0.2s;
        -moz-transition:color linear 0.2s;
        -ms-transition:color linear 0.2s;
        -o-transition:color linear 0.2s;
    }
    .Noticia:hover h4{
        color:white;
    }
    .Noticia img {
        max-width: 70px;
        max-height: 100%!important;
    }
    .Noticia a {
        clear:both;
    }
    #cycle {
        color:white;
        height: 178px;
        /*
        background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(156,180,20)), color-stop(0.5, rgb(188,212,36)), color-stop(1, rgb(208,220,74)));
        background-image:-moz-linear-gradient(center top, rgb(156,180,20) 0%, rgb(188,212,36) 50%, rgb(208,220,74) 100%);
        */
        background-color: #53c317;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
    }
    #cycle .oferta {
        width: 100%;
        min-height: 170px;
        clear: both;
        margin: 5px 0;
        padding: 3px 5px;
        background: transparent!important;
    }
    #cycle .oferta h1 {
        font-family: sans-serif!important;
        text-shadow:0 1px 1px black;
        -webkit-text-shadow:0 1px 1px black;
        font-family:Trebuchet-ms;
        color:white;
        font-weight: bold;
        font-style: italic;
    }
    #cycle .oferta .datos {
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        background-color:rgba(223, 234, 151, 0.5);
        padding:3px 10px;
        color:#C30;
        font-weight:bold;
        width:38%;
        margin:7px 0;
    }
    #cycle .oferta .datos p {
        line-height:1.5em;
        font-variant:small-caps;
        font-style:italic;
        font-size:14px;
        padding:0;
        margin:0;
    }
    #cycle .oferta img.thumb {
        max-height: 30px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
    }
    #cycle .oferta a img {
        border:1px solid green;
        margin: 1px;
        padding: 0;
    }
    #cycle .oferta a:hover img {
        border:1px solid white;
        margin: 1px;
        padding: 0;
    }
    #cycle .oferta .imagenes {
        margin:5px;
    }
    #cycle .oferta .masinfo a {
        color:white;
        background-color:rgba(80, 80, 44, 0.4);
        padding:2px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
    }

    .icaption_right img {
        max-height: 165px;
        margin-right: 15px;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        /*        max-width: 80%;*/
    }

    .marcas {
        position: relative;
        margin: 40px 0;
    }
    .marcas img {
        margin: 10px 3px;
        padding: 0 2px;
        /*border-style:dotted;
        border-width:0 1px;
        border-color:gray;*/
        height: 83px;
        width: 92px;
    }
    .auto {
        float: left;
        border:1px solid #999;
        margin: 10px 5px;
        padding: 5px;
        width: 25%;
        border-radius:4px;
    }
    .auto img{
        max-width: 100%;
        height: 100px;
    }

    #busqueda {
        background-image:-webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(17,136,172)), color-stop(0.76, rgb(52,188,226)));
        background-image:-moz-linear-gradient( center top, rgb(17,136,172) 0%, rgb(52,188,226) 76%);
        /*background-color: #53c317;*/
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        -moz-box-shadow:1px 1px 1px #000;
        -webkit-box-shadow:1px 1px 1px #000;
        color:#FFF;
        margin:0 2px 1.1em;
        height: 232px;
    }
    #busqueda fieldset, #guia fieldset {
        background-color:transparent;
        border:none;
    }
    #busqueda label, #busqueda legend, #guia label, #guia legend {
        color:#FFF;
    }

    #guia {
        background-image:-webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(109,170,11)), color-stop(0.76, rgb(169,208,61)));
        background-image:-moz-linear-gradient( center top, rgb(109,170,11) 0%, rgb(169,208,61) 76%);
        /*background-color: #53c317;*/
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        -moz-box-shadow:1px 1px 1px #000;
        -webkit-box-shadow:1px 1px 1px #000;
        color:#FFF;
        margin:0 2px 1.1em;
    }
    .otrosmodelos {
        width:200px;;
        max-width: 300px;
        border-left:1px solid rgba(104, 155, 9, 0.1);
        padding-left:5px;
        margin-bottom:10px;
    }
    .otrosmodelos ul {
        list-style:none;
    }

    .otrosmodelos li {
        list-style:none;
    }
    .otrosmodelos ul a {
        text-decoration:none;
        color:#FFF;
        background-color:rgba(104, 155, 9, 0.5);
        padding:2px 3px;
        margin:10px 5px;
        font-size:14px;
        line-height:1.8em;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
    }
    .otrosmodelos h3 {
        color:white;
        font-style:italic;
        font-family:Verdana, Geneva, sans-serif;
        padding-top:5px;
    }
    .activeSlide {
        font-weight:bold;
        -moz-box-shadow:1px 1px 2px rgba(100, 100, 100, 0.8);
        -webkit-box-shadow:1px 1px 2px rgba(100, 100, 100, 0.8);
    }

    #guia_automotriz {
        background-color:rgba(100, 100, 100, 0.5);
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        padding:3px 5px;
        margin:0 0 10px;
    }
    #guia_automotriz .float_right ul li {
        background-color:rgba(250, 250, 250, 0.8);
        padding:5px 13px;
        margin:3px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
        list-style:none;
    }
    #guia_automotriz .info {
        padding:5px;
        clear:both;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
        background-color:rgba(100, 100, 100, 0.5);
    }
    #guia_automotriz .info h2 {
        font-family:Verdana, Geneva, sans-serif;
        color:#FFF;
    }
    #guia_automotriz .info p {
        padding-left:10px;
        color:#FFF;
    }

    .carro{
        position: relative;
        float:left;
        height: 141px;
        width: 29%;
        margin: 0.5%;
        padding: 1%;
        border:1px solid #e4e4e4;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;

        -webkit-box-shadow: 0 0 2px 1px #e4e4e4;
        -moz-box-shadow: 0 0 2px 1px #e4e4e4;

        -webkit-transition:border linear 0.2s,box-shadow linear 0.2s;
        -moz-transition:border linear 0.2s,box-shadow linear 0.2s;
        -ms-transition:border linear 0.2s,box-shadow linear 0.2s;
        -o-transition:border linear 0.2s,box-shadow linear 0.2s;

        border-radius:5px;
        box-shadow: 0 0 2px 1px #e4e4e4;
        transition:border linear 0.2s,box-shadow linear 0.2s;

    }
    .carro:hover{
        border-color:#64d200;
        -webkit-box-shadow: 0 0 1px 1.5px #64d200;
        -moz-box-shadow: 0 0 1px 1.5px #64d200;
        box-shadow: 0 0 1px 1.5px #64d200;
        text-decoration: none;
    }
    .carro img:first-child{
        float:left;
        max-height: 80%;
        max-width: 55%;
        border-radius:3px;
        margin:0 5px;
        padding: 2px;
        background: lightgray;
        border: 1px solid gray;
    }
    .carro a, .carro a:hover{
        text-decoration: none;
    }
    .carro.vendido{
        /*position: absolute;*/
        background-image: url('../../images/vendido_small.png');
        background-position: 95% 95%;
        background-repeat: no-repeat;
    }
    a#prev.arrow, a#next.arrow{
        font-size: 24px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        -moz-box-shadow:0 0 1px white;
        -webkit-box-shadow:0 0 1px white;
        padding: 3px 5px;
        color:white;
        border-style: solid;
        border-width: 1px;
        border-color: rgba(75,75,75,0.3);
        text-decoration: none;

    }
    div#fancybox-inner th,div#fancybox-inner td{
        text-align: center;
    }
    #twitter{
        border:2px solid #a9d03d;
        border-radius:5px;
        padding: 5px;
        width: inherit;
    }
    .debug{
        background: white;
        margin:10px 0;
        border:1px inset black;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        color: black;
        font-family: "Lucida Sans", sans-serif;
        padding: 5px 10px;
    }
    /*--- carousel begin ---*/
    .carousel		{}
    .carousel-box {
        /*background:url(../images/slider-bg.gif) 0px 0px repeat-x;*/
        height:114px;
        overflow:hidden;
        position:relative;
    }
    .carousel-box .inner {
        padding:0px 0 0 0px;
    }
    .carousel-box button {
        background:none;
        width:22px;
        height:65px;
        border:none;
        position:absolute;
        cursor:pointer;
        outline:none;
        z-index:10;
    }
    .carousel-box button.prev {
        left:0;
        top:0px;
        height:114px;
        background:url("../../images/prev-bg.gif") no-repeat left top;
    }
    .carousel-box button.prev:hover {
        background-position:left 0;
    }
    .carousel-box button.next {
        right:0;
        top:0px;
        height:114px;
        background:url("../../images/next-bg.gif") no-repeat left top;
    }
    .carousel-box button.next:hover {
        background-position:left 0;
    }
    .carousel-box ul 	{list-style:none;}
    .carousel-box ul li {
        margin-top:10px;
        padding-right:1px;
        float:left;
        position:relative;
        /*background:url(../images/slider-line.gif) 100% 0px no-repeat*/
    }
    .carousel-box ul li span {
        width:157px;
        height:94px;
        position:relative;
        float:left;
    }
    .carousel-box ul li a {
        /*        width:157px;*/
        /*        height:94px;*/
        /*        overflow:hidden;*/
        /*        display:block;*/
        /*        cursor:pointer;*/
    }
    .carousel-box ul li span:hover {
        visibility:visible;
    }
    /*--- carousel end ---*/
    #nav_news{
        padding: 1px 0 10px;
    }
    #nav_news a{
        text-decoration: none;
        padding: 5px;
        border-radius:5px;

    }
}
